vue element |
您所在的位置:网站首页 › vue 单选按钮赋值后没生效 › vue element |
总结: : label=“1”,表示label的值应为数字1 label=“1”,表示label的值应为字符串1 **问题描述:**在写编辑信息弹窗时,性别的值一直不能根据v-model的值选中,但是用{{editForm.sex}}是能正确打印出单选框的label值的。 以下是我的代码: 模板: 男 女数据结构: //编辑界面数据 editForm: { id: 0, name: '', sex: -1, },数据: tableData: [ {name:'tom',sex:‘1’}, {name:'cat',sex:‘0’}, ],结果发现,是因为我定义的数据sex的字段为数字,而数据的sex值为字符串,两者不匹配,于是该Radio单选框组件默认值就选不中。 只要将数据中sex改为数字即可。 tableData: [ {name:'tom',sex:1}, {name:'cat',sex:0}, ],分析原因: 翻阅vue文档未专门提及该问题,以下是自己的总结。 : label=“xx” vue特有的v-bind用于动态绑定class、对象和数组,所以原封不动解析出所填内容(否则数组加引号就变成字符串了) label=“1”,vue支持自定义属性,不会被vue解析,所以label的值就是"1"。注:原生html不支持,只支持以data-开头的自定义属性 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |